<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>列偏移</title>
		<link rel="stylesheet" href="../chapter2/bootstrap/css/bootstrap.min.css">
		<style>
			div[class^=col] {
				border: 1px solid red;
				height: 100px;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col">我是左边</div>
				<div class="col"></div>
				<div class="col">我是右边</div>
			</div>
			<div class="row">
				<div class="col-4">我是左边</div>
				<div class="col-4 offset-4">我是右边</div>
			</div>
			<div class="row">
				<div class="col-3">我是左边</div>
				<div class="col-3 offset-6">我是右边</div>
			</div>
			<div class="row">
				<div class="col-8 offset-2">我是中间</div>
			</div>
		</div>
	</body>
</html>